<template>
    <div class="read-news">
        <h2>{{ $route.query.NewsTitle }}</h2>
        <div class="content">
            <div class="sub-title">
                <div class="createAt">{{ $route.query.CreateAt }}</div>
                <i class="van-icon van-icon-browsing-history" style="color: rgb(201, 201, 201);">
                </i>
                <span class="margin-left4">345</span>
            </div>
            <div v-html="$route.query.HtmlContent">

            </div>
        </div>
    </div>
</template>

<script>
export default {
    name: 'ReadNews',
    mounted() {
        console.log(this.$route.query)
    }
}
</script>

<style lang="less" scoped>
.read-news {
    padding: 0 10px;

    h2 {
        margin: 10px 0;
    }

    .content {
        .sub-title {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;

            justify-content: end;
            margin: 10px 0;

            .createAt {
                margin-right: 10px;
            }
        }
    }
}
</style>